<template>
  <wd-config-provider :custom-class="`page-wraper`">
    <slot />
    <wd-notify />
    <wd-toast />
    <wd-message-box />
  </wd-config-provider>
</template>

<script>
  export default {
    options: {
      addGlobalClass: true,
      virtualHost: true,
      styleIsolation: 'shared',
    },
  };
</script>

<style lang="scss">
  .page-wraper {
    box-sizing: border-box;
    height: 60rpx;
    min-height: calc(100vh - var(--window-top));
    background: #f9f9f9;
  }

  .wot-theme-dark.page-wraper {
    background: #222;
  }
</style>
